<%= render "navbar"%>

<div class="container">
  <h1 class="account_title">用户中心</h1>
</div>

<div class="container account_page_container">
  <div class="row">
    <%= render "account_nav"%>
    <div class="col-md-9 col-xs-12 profile_content">
      <h2 class="title">个人资料</h2>
      <form class="form-horizontal">
        <div class="form-group">
          <label for="name" class="col-sm-2 control-label">头像：</label>
          <img src="http://7i7g8l.com1.z0.glb.clouddn.com/c59a3472d4cc185609df6f671160a8cf22b9ea27-8ff7b5b415cc450aae71d1f3a8f56b23966e57d0.png" class="avatar" alt="">
          <input type="file" id="files" class="hidden"/>
          <label for="files" id="upload_avatar">上传图片</label>
        </div>
        <div class="form-group">
          <label for="name" class="col-sm-2 control-label">姓名：</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" name="name">
          </div>
        </div>
        <div class="form-group">
          <label for="sex" class="col-sm-2 control-label">性别：</label>
          <div class="col-sm-2">
            <input type="radio" name="sex" value="male" /> <label for="sex">男</label>
          </div>
          <div class="col-sm-2">
            <input type="radio" name="sex" value="female" /> <label for="sex">女</label>
          </div>
        </div>
        <div class="form-group">
          <label for="phone" class="col-sm-2 control-label">手机：</label>
          <div class="col-sm-4">
            <input type="tel" class="form-control" name="phone">
          </div>
        </div>
        <div class="form-group">
          <label for="phone" class="col-sm-2 control-label">QQ：</label>
          <div class="col-sm-4">
            <input type="tel" class="form-control" name="phone">
          </div>
        </div>
        <div class="form-group">
          <label for="occupation" class="col-sm-2 control-label">职业：</label>
          <div class="col-sm-2">
            <input type="radio" name="occupation" value="student" /> <label for="sex">学生</label>
          </div>
          <div class="col-sm-2">
            <input type="radio" name="occupation" value="not_student" /> <label for="sex">非学生</label>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-4">
            <button type="submit" class="btn btn-default save_profile">保存</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>